{extend name="public/base" /}
{block name="css"}
<style>
</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <div style="position: relative">
    <img alt="" class="img-fluid page-banner" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/banner.png">
    <div style="position: absolute; top: 67%;right: 19%;">
      <button onclick="doConsult()" style="height: 40px;padding: 5px 20px;border: none;background: #D19F83;color: #ffffff;border-radius:4px;">在线咨询 ></button>
      <button onclick="showAppointmentLayer()" style="margin-left: 50px;height: 40px;padding: 5px 20px;border: none;background: #B94047;color: #ffffff;border-radius:4px;">立即报名 ></button>
    </div>
  </div>

  <div class="d-flex flex-column p-t-5" style="padding-bottom: 40px;background-image: url('https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p1bg.png');background-size: cover">
    <img class="mx-auto max-width" style="width: 60%;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p1.png">
  </div>

  <div class="d-flex flex-column p-t-5" style="padding-bottom: 40px">
    <img class="mx-auto max-width" style="width: 60%;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p2.png">
  </div>

  <div class="d-flex flex-column p-t-5" style="background: #F1F2F3;padding-bottom: 40px">
    <img class="mx-auto max-width" style="width: 60%;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p3.png">
  </div>

  <div class="d-flex flex-column p-t-5" style="padding-bottom: 40px">
    <img class="mx-auto max-width" style="width: 60%;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p4_a.png">
    <img class="mx-auto max-width" style="width: 60%;margin-top: 30px;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p4_b.png">
  </div>

  <div class="d-flex flex-column p-t-5" style="background: #F1F2F3;padding-bottom: 40px">
    <img class="mx-auto max-width" style="width: 60%;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p5_a.png">
    <img class="mx-auto max-width" style="width: 60%;margin-top: 30px;" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p5_b.png">
  </div>

  <div class="d-flex flex-column">
  <img onclick="showAppointmentService()" class="mx-auto" style="width:100%; cursor: pointer" src="https://ujia-img.oss-cn-shenzhen.aliyuncs.com/beauthome/curtain/pc/p6.png">
</div>

</section>
{/block}
{block name="js"}
<script>
    $('.navbar-nav').children('li').eq(3).addClass('nav-active');
</script>
{/block}